<template>
    <view class="app-order-banner order-status-box cross-center">
        <img class='img' :src='newPicUrl'/>
		<block v-if="jimaiOrder.order_type == 1">
			<view class='text' v-if="jimaiOrder.is_macth == 0">预约中</view>
			<view class='text' v-else>预约成功</view>
			<view class='text' style="margin-left: 10upx;" v-if="jimaiOrder.is_macth == 1">{{title}}</view>
		</block>
		<block v-else-if="jimaiOrder.order_type == 2">
			<view class='text' v-if="jimaiOrder.jimai_state == 1">待寄卖</view>
			<view class='text' v-else-if="jimaiOrder.jimai_state == 2">已寄卖</view>
			<view class='text' v-else-if="jimaiOrder.jimai_state == 3">已分享</view>
			<view class='text' v-else-if="jimaiOrder.jimai_state == 4">已自提</view>
			<view class='text' style="margin-left: 10upx;" v-if="jimaiOrder.jimai_state == 4">{{title}}</view>
		</block>
		<block v-else>
			<view class='text' v-if="jimaiOrder.is_macth == 0">预约中</view>
			<view class='text' v-else>预约成功</view>
			<view class='text' v-if="jimaiOrder.is_macth == 1" style="margin-left: 10upx;">{{title}}wwww</view>
		</block>
    </view>
</template>

<script>
    export default {
        name: 'app-order-banner',
        data() {
            return {
                newPicUrl: '',
				type:''
            }
        },
        props: {
			jimaiOrder:'',
			title: {
			    type: String,
			    value: ''
			},
            picUrl: {
                type: String,
                value: ''
            },
        },
        created() {
            this.newPicUrl = this.$store.state.mallConfig.__wxapp_img.mall.order.status_bar;
        }
    }
</script>

<style scoped lang="scss">
    .order-status-box {
        width: 100%;
        height: 120#{rpx};
        position: relative;
    }

    .order-status-box .img {
        height: 100%;
        width: 100%;
    }

    .order-status-box .text {
        z-index: 1;
        position: absolute;
        top: 35#{rpx};
        left: 80#{rpx};
        color: #fff;
        font-size: $uni-font-size-import-two;
    }
</style>